
<link href = "${TEMPLATE_BASE_PATH}/css/bootstrap.css" rel = "stylesheet" type = "text/css" media = "all" />
<link href = "${TEMPLATE_BASE_PATH}/css/style.css" rel = "stylesheet" type = "text/css" media = "all" />
<link href = 'http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel = 'stylesheet'
      type = 'text/css'>
<link href = 'http://fonts.googleapis.com/css?family=Carrois+Gothic' rel = 'stylesheet' type = 'text/css'>
<link href = 'http://fonts.googleapis.com/css?family=Merriweather:400,400italic,300,300italic,700,700italic,900,900italic'
      rel = 'stylesheet' type = 'text/css'>


<!-- js -->
<script src = "${TEMPLATE_BASE_PATH}/js/jquery.min.js"></script>
<script src = "${TEMPLATE_BASE_PATH}/js/responsiveslides.min.js"></script>
<script src = "${TEMPLATE_BASE_PATH}/js/bootstrap.min.js"></script>

<script type = "application/x-javascript">
    addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    }
</script>
<!-- //for-mobile-apps -->
<!-- start-smoth-scrolling -->
<script type = "text/javascript" src = "${TEMPLATE_BASE_PATH}/js/move-top.js"></script>
<script type = "text/javascript" src = "${TEMPLATE_BASE_PATH}/js/easing.js"></script>
<script type = "text/javascript">
    jQuery(document).ready(function ($) {
        $(".scroll").click(function (event) {
            event.preventDefault();
            $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
        });
    });
</script>